<div id="faq-page" class="container faq-container only-section-container">
    <div class="row">
        <section id="faq-container" class="span12 box-container">
            <header class="box-header">
                <span class="border-width bg-color-12"></span>
                <h2>Preguntas frecuentes<span class="wait" style="margin: 2px 0 0 13px; display: inline"></span></h2>
<!--                <a class="aside btn-mobile btn-collapse" href="#"><span class="icons-collapse icon-collapse-down"></span>-->
            </header>

            <div class="row-fluid section-content">
                <div class="answer-list-container  span8">
                    <article class="como-funciona" id="preguntaById" style="display: none">
                        
                    </article>

                    <article class="como-funciona" id="video">
                        <h3 class="article-title font-color-12">C&oacute;mo funciona D&oacute;ndeReciclo</h3>

                        <p>El objetivo de dondereciclo.org.ar, es informar a toda la comunidad sobre los lugares que se dedican al reciclaje y/o reutilizaci&oacute;n de diversos materiales. Para ello, uno puede buscar o agregar un lugar seg&uacute;n que recicla/reutiliza y su ubicaci&oacute;n. A continuaci&oacute;n un video que lo explica m&aacute;s claridad.</p>

                        <div class="flex-video widescreen vimeo">
                            <iframe src="http://player.vimeo.com/video/22691856" width="608" height="342" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                        </div>
                    </article>

                    <h3 class="section-title font-color-12">Preguntas frecuentes</h3>

                    <p>En nuestras FAQ encontrar&aacute;s respuestas a las preguntas m&aacute;s frecuentes que recibimos de la comunidad.</p>


                    <div class="row-fluid">
                        <!--<form class="form-search span6" id="faq-form-search-main">
                            <input type="text" class="field span" placeholder="Buscar en FAQ" name="search-term">
                            <a href="#" class="form-search-submit"><i class="icon-search"></i></a>
                        </form>-->
                    </div>

                    <h4 id="faq-list-title">Top 10 de preguntas</h4>
                    <ul class="faq-list" id="topTen" style="display: none">
                    </ul>
                    <ul class="faq-list" id="preguntasRelacionadas" style="display: none">
                    </ul>
                    <ul class="faq-list" id="preguntasByCategorias" style="display: none">
                    </ul>
                </div>

                <aside class="span3 offset1" id="faq-aside">
                    <!--<form class="form-search" id="faq-form-search-aside">
                        <input type="text" placeholder="Buscar en FAQ" name="search-term">
                        <a href="#" class="form-search-submit"><i class="icon-search"></i></a>
                    </form>-->

                    <h3>Categor&iacute;as</h3>
                    <hr/>
                    <ul class="category-list">
                        <li><a href="#">Puntos de Reciclaje</a></li>
                        <li><a href="#">El Mapa</a></li>
                        <li><a href="#">Mi Cuenta</a></li>
                    </ul>
                </aside>
            </div>

            <section id="contacto-banner" class="row-fluid banner-container banner-c">
                <div class="span12 border-left">
                    <p class="text-content">Si ten&eacute;s alguna duda o problema y no encuentres respuesta en esta secci&oacute;n, envianos tu consulta a <span class="font-color-12">info@dondereciclo.org</span>.</p>
                </div>
            </section>

        </section>
    </div>
</div>


<!--faqListTpl-->
<div id="faqListTpl" style="display: none">
    <li><span>${i}.</span> <a href="${baseUrl}faq/${uri}/${id}" data-uri="${uri}/${id}">${pregunta}</a></li>
</div>
<!--fin faqListTpl-->

<!--categoryListTpl-->
<div id="categoryListTpl" style="display: none">
    <li><a href="${baseUrl}faq/categoria/${uri}/${id}" data-uri="categoria/${uri}/${id}">${contenido}</a></li>
</div>
<!--fin categoryListTpl-->

<!--preguntaByIdTpl-->
<div id="preguntaByIdTpl" style="display: none">
    <h3 class="article-title font-color-12">${pregunta}</h3>
    <p>${respuesta}</p>
    <p>&iquest;Cu&aacute;n &uacute;til te result&oacute; la respuesta?</p>
    <!--<p>
        <?php echo(CalificacionFaq::toSelect()); ?>
        <a class="btn" href="calificar">Enviar</a>
    </p>-->
</div>
<!--fin preguntaByIdTpl-->